<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式表 cmmon.css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入首页样式表 index.css -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 欢迎栏 -->
    <div id="welcome">
        <div class="container content clearfix">
            <div class="left fl">欢迎来到HOUSE家居网！</div>
            <div class="right fr">
                <div>
                    <img src="images/tel.png" alt="tel">
                    <a href="#">400-00-000xxx</a>
                </div>
                <div>
                    <img src="images/mail.png" alt="tel">
                    <a href="#">1234567xxx@gmail.com</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="nav" class="container clearfix">
        <a href="http://www.shj.cn"><img src="images/logo.png" alt="logo"></a>
        <ul class="clearfix fr">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="aboutUs.html">关于我们</a></li>
            <li><a href="productList.html">产品展示</a></li>
            <li><a href="newsUpdate.html">新闻动态</a></li>
            <li><a href="onlineMessageLeave.html">在线留言</a></li>
            <li><a href="contactUs.html">联系我们</a></li>
        </ul>
    </div>
    <!-- 轮播 -->
    <div id="banner">
        <!-- banner的图 -->
        <div class="top">
            <div class="images">
                <a href="#"><img id="bannerImg01" src="images/banner1.jpg" alt="banner1"></a>
                <a href="#"><img id="bannerImg02" src="images/banner2.jpg" alt="banner2"></a>
            </div>
            <div class="bannerContent">
                <h1>精致生活 简单爱</h1>
                <p>用细节缔造美好家居， 触碰你心中的柔软</p>
                <p>给您无微不至的关怀</p>
            </div>
            <!-- banner的链接点 -->
            <div class="linkDot clearfix">
                <a href="#bannerImg01"></a>
                <a href="#bannerImg02"></a>
            </div>
        </div>
        <!-- banner的选择部分(产品特性) -->
        <div class="container feature clearfix">
            <a href="#" class="bg01">
                <h1>品质高 经久耐用</h1>
                <p>当前家纺市场上的优秀代表，从织造、染色、印花及整理包装的整个流程，我们都做的十分仔细，而且在环保性上，也有很好的表现</p>
            </a>
            <a href="#" class="bg02">
                <h1>品质高 经久耐用</h1>
                <p>公司全体员团结奋进、开拓进取，为创建特色鲜明、质量一流的名牌产品而不懈努力。公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理</p>
            </a>
            <a href="#" class="bg03">
                <h1>先进的工艺技术</h1>
                <p>家纺依靠科技进步、倡导绿色消费，让消费者充分体会到品牌文化所带来的无穷魅力，专业致力于功能性家纺，产品有真丝系列、婚庆系列、时尚系列</p>
            </a>
        </div>
    </div>
    <!-- 产品展示 -->
    <div id="product" class="container">
        <div class="title">
            <h1 class="chinese">产品展示</h1>
            <h1 class="english">OUR PRODUCTS</h1>
        </div>
        <div class="content clearfix">
            <div class="left">
                <div class="top clearfix">
                    <a class="householdUse" href="#">
                        <img src="images/pic01.jpg" alt="">
                        <img class="hoverShow" src="images/pic01-01.jpg" alt="">
                    </a>
                    <a class="householdStorage" href="#">
                        <img src="images/pic02.jpg" alt="">
                        <img class="hoverShow" src="images/pic02-01.jpg" alt="">
                    </a>
                </div>
                <div class="bottom clearfix">
                    <a class="homeAccessories" href="#">
                        <img src="images/pic03.jpg" alt="">
                        <img class="hoverShow" src="images/pic03-01.jpg" alt="">
                    </a>
                    <a class="kitchenCatering" href="#">
                        <img src="images/pic04.jpg" alt="">
                        <img class="hoverShow" src="images/pic04-01.jpg" alt="">
                    </a>
                </div>
            </div>
            <a class="right" href="#">
                <img src="images/pic05.jpg" alt="">
                <img class="hoverShow" src="images/pic05-01.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- 关于我们 -->
    <div id="aboutUs">
        <div>
            <h1>关于我们</h1>
            <p>**家纺有限公司现有员工1000余人，资产总额9000万元。下设：纺纱分厂、毛巾分厂、绣花分厂、家纺分厂和进出口公司。先后在韩国、欧洲、日本、美国、澳大利亚、新加坡、中东、非洲等十几个国家和地区建立了稳定的销售网络和分公司。被省、市政府评为“先进企业”“功勋企业”“外贸出口先进单位”，同时被授予“AAA”级信用企业。**公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理，赢得了国内外客户的良好赞誉，使得企业很快发展成为集纺、织、印、染、绣花为一体的家纺集团。公司先后荣获了“中国驰名商标”、“**名牌”、“**省著名商标”等荣誉称号。公司通过了ISO9001：2000......
            </p>
            <a href="aboutUs.html">READ MORE</a>
        </div>
    </div>
    <!-- 新闻动态 -->
    <div id="news" class="container">
        <div class="title">
            <h1 class="chinese">新闻动态</h1>
            <h1 class="english">NEWS CENTER</h1>
        </div>
        <div class="content clearfix">
            <div>
               <a href="#"> <img src="images/pic06.jpg" alt="pic06" /></a>
                <ul>
                    <li>
                        <a href="#"><span class="color15bded">[行业资讯]</span> 家纺行业的四大走向 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[行业资讯]</span> 家纺行业：从价值链的薄弱环节找到 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[行业资讯]</span> 2009年净利润同比增长34.4 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[行业资讯]</span> 家电涨价与降价背后的营销逻辑 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[行业资讯]</span> 高科技家电未来都很低碳 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[行业资讯]</span> XX网加盟“绿书签”行动 </a>
                        <span class="time">2014-10-20</span></li>
                </ul>
            </div>
            <div class="margin45px">
                <a href="#"><img src="images/pic07.jpg" alt="pic06" /></a>
                <ul>
                    <li>
                        <a href="newsDetails.html"><span class="color15bded">[公司动态]</span> 迎|“十一”主题优惠即将开幕 </a>
                        <span class="time">2015-08-03</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[公司动态]</span> **家纺驻外办事处相继成立 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[公司动态]</span> **家纺驻外办事处相继成立 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[公司动态]</span> 继往开来 搏击10 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[公司动态]</span> **组团参加第十七届中国（上海） </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[公司动态]</span> **家居体验馆盛大开业 </a>
                        <span class="time">2014-10-20</span></li>
                </ul>
            </div>
            <div class="margin45px">
                <a href="#"><img src="images/pic08.jpg" alt="pic06" /></a>
                <ul>
                    <li>
                        <a href="#"><span class="color15bded">[媒体热点]</span> 有意实施行业内重组 蕴藏可升值资 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[媒体热点]</span> 端午节家电大力促销 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[媒体热点]</span> 家纺与电影 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[媒体热点]</span> 家纺行业：从价值链的薄弱环节找到 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[媒体热点]</span> 当前中国家纺市场现状及前景预测 </a>
                        <span class="time">2014-10-20</span></li>
                    <li>
                        <a href="#"><span class="color15bded">[媒体热点]</span> 家纺行业的四大走向 </a>
                        <span class="time">2014-10-20</span></li>
                </ul>
            </div>
        </div>
        <div class="clearFloat"></div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="container content">
            <div class="top clearfix">
                <div class="information">
                    <a class="logo" href="#"><img src="images/logo2.jpg" alt="logo"></a>
                    <a href="#">
                        <img class="fixdSize" src="images/position.png" alt="">
                        <span>中国上海市xxx区xxx路12号xx大厦5层5xx室</span>
                    </a>
                    <a href="#">
                        <img class="fixdSize" src="images/tel02.png" alt="">
                        <span>400-000-xxxx (021)-12345678xx</span>
                    </a>
                    <a href="#">
                        <img class="fixdSize" src="images/email02.png" alt="">
                        <span>12345678@gmail.com</span></a>
                </div>
                <div class="linkList">
                    <div class="title">
                        <h1 class="chinese">快速链接</h1>
                    </div>
                    <div class="list clearfix">
                        <ul>
                            <li><a href="index.html">> 网站首页 </a></li>
                            <li><a href="productList.html">> 产品展示 </a></li>
                            <li><a href="onlineMessageLeave.html">> 在线留言 </a></li>
                        </ul>
                        <ul class="right">
                            <li><a href="aboutUs.html"> > 关于我们</a></li>
                            <li><a href="newsUpdate.html"> > 新闻动态</a></li>
                            <li><a href="contactUs.html">> 联系我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="innerSearch">
                    <div class="title">
                        <h1 class="chinese">站内搜索</h1>
                    </div>
                    <form class="search clearfix" action="https://www.jd.com" method="POST">
                        <input type="text" name="search" placeholder="请输入关键字">
                        <button type="submit">搜索</button>
                    </form>
                    <div class="attention">
                        <span>关注我们</span>
                        <a href="#"><img src="images/weibo.png" alt="weibo"></a>
                        <a href="#"><img src="images/weChat.png" alt="weChat"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">Copyright ? 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载</div>
    </div>
</body>

</html>